<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>detail</title>
    <link rel="stylesheet" href="../css/detail.css"/>
</head>
<body>
    <div class="wrap">
        <!--第一部分-->
        <div class="top_wrap">
            <div id="top" class="top">
                <div class="top_left">
                    <span><a href="#">商城首页</a></span>
                    <span>Hi~欢迎来到ZOL商城,请<a href="#">登录</a></span>

                    <span><a href="#">免费注册</a></span>
                </div>
                <ul  class="top_right">
                    <li>
                        <a href="#">我的订单</a>
                    </li>
                    <li>
                        <a href="#">卖家中心<b></b></a>
                        <div class="top_cover1"></div>
                        <div class="careThing">
                            <a href="#">关注的店铺 <i style="color:red;">30</i></a>
                            <a href="#">关注的商品 <i style="color:red;">40</i></a>
                        </div>
                    </li>
                    <li>
                        <a href="#">购物车0件</a>

                    </li>
                    <li>
                        <a href="#">帮助中心</a>

                    </li>
                    <li>
                        <a href="#">手机商城<i></i></a>
                        <div class="top_cover2"></div>
                        <img src="../images/detail/QRcode.jpg" alt="">
                    </li>
                    <li>
                        <a href="#">中关村在线</a>
                    </li>
                    <li>
                        <a href="#">商家入驻</a>
                    </li>
                    <li>
                        <a href="#">联系客服 <i></i> </a>
                        <div class="top_cover3"></div>
                        <div class="top_tel">
                            <a href="#">400-688-1999</a>
                        </div>

                    </li>

                </ul>
            </div>
        </div>
        <div class="article_wrap">
            <div class="article">
                <a href="#">用户您好：ZOL商城服务热线现已更改为4006881999</a>
            </div>
        </div>

        <!--第二部分-->
        <div class="search_wrap">
            <div class="search">
                <div class="search_cover">
                    <div id="search_left" class="search_left">
                        <a href="#"></a>
                    </div>
                    <div id="search_middle" class="search_middle">
                        <div class="search_box">
                            <input type="text" name="" id="search_text"/>
                            <input type="button" value="搜索" name="" id="search_btn"/>
                        </div>
                        <ul>
                            <li>
                                <a href="#">魅族手机</a>
                            </li>
                            <li>
                                <a href="#">主机1199元抢</a>
                            </li>
                            <li>
                                <a href="#">Z2pro尊享版</a>
                            </li>
                            <li>
                                <a href="#">超极本降1400元</a>
                            </li>
                            <li>
                                <a href="#">荣耀V9</a>
                            </li>
                        </ul>
                    </div>
                    <div id="search_right" class="search_right">
                        <a href="#"></a>
                        <a href="#">客服电话:<i style="color:red;">400-688-1999</i></a>
                    </div>
                </div>

            </div>
        </div>
        <!--第三部分-->
        <div class="nav_wrap">
            <div class="nav">
                <p>团购商品分类<i></i></p>
                <ul class="nav_select">
                    <li>
                        <div>
                            <i></i>
                            <a href="#">手机通讯</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">数码影像</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">笔记本/电脑</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">电脑外设</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">DIY主机/配件</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">家电/其他</a>
                        </div>
                        
                    </li>
                    <li>
                        <div>
                            <i></i>
                            <a href="#">智能生活</a>
                        </div>
                        
                    </li>
                </ul>
                <ul class="fristPage">
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">商品团</a>
                    </li>
                    <li>
                        <a href="#">即将开团</a>
                    </li>
                </ul>
                <span>
                    <a href="#">荣耀畅想玩6X&nbsp;现货放量抢</a>
                </span>
            </div>
        </div>
        <!--第四部分-->
        <div class="choose_wrap">
            <div class="choose">
                <a href="">首页</a> >
                <a href="">笔记本电脑</a> >
                <span>联想</span>
            </div>
        </div>
        <!--扩大镜-->
        <div class="magnascope_wrap">
            <div class="magnascope">

                    <div id="smallImg">
                        <div id="smallArea"></div>
                    </div>
                    <div id="bigArea">
                        <img src="../images/detail/lunbo.jpg" alt="" id="bigImg"/>
                    </div>
                    <div class="product_introduce">
                        <div>
                            <p style="font:16px Microsoft YaHei">联想小新Air 13 Pro 航海王定制版 8G+256G超极本</p>
                            <p style="font-size:14px;color:#999;padding:7px 0 0 0;">送；笔记本包 鼠标 键盘膜，比X东立省400元！全新国行，顺丰包邮</p>

                        </div>
                        <div>
                            <span style="display:block;width:280px;height:48px;"></span>
                            <span>距结束只剩2天</span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div>
                            <span>团 购 价：</span>
                            <span>￥<b>5488.00</b></span>
                            <span>￥6499.00</span>
                            <span>立省1100</span>
                        </div>
                        <div>
                            <span>配   送：</span>
                            <span>广东
                                <div class="omit"></div>
                            </span>
                            <span>可送达,<b>快递包邮</b></span>
                        </div>
                        <div>
                            <span>评   价：</span>
                            <span>购买评价
                                <b>29</b>	    
                            </span>
                            <span>成交记录<b>49</b></span>
                        </div>
                    </div>

            </div>
        </div>


    </div>
</body>
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/detail.js"></script>
</html>